<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ page isELIgnored="false" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head> 
    <title>My JSP 'test.jsp' starting page</title>
    <link rel="icon" href="" type="image/x-icon" />
    <link rel="shortcut icon" href="" type="image/x-icon" />
    <link rel="bookmark" href="" type="image/x-icon" />
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" media="screen" href="<s:url value="/resources"/>/css/cupertino/jquery-ui.custom.min.css" />
	
	<script type="text/javascript" src="<s:url value="/resources"/>/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="<s:url value="/resources"/>/js/jquery-ui.custom.min.js"></script> 
	<script type="text/javascript" src="<s:url value="/resources"/>/js/i18n/jquery.ui.datepicker-zh-CN.js"></script>
	<script type="text/javascript" src="<s:url value="/resources"/>/js/jquery.form.js"></script>
	<script type="text/javascript" src="<s:url value="/resources"/>/js/json2.js"></script>
	<script type="text/javascript" src="<s:url value="/resources"/>/js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="<s:url value="/resources"/>/js/messages_zh.js"></script>
	<script type="text/javascript" src="<s:url value="/resources"/>/js/jquery.messager.js"></script>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<style type="text/css">  
     
    label.error {  
        color: red;/*错误信息的颜色*/  
    }  
    input.error {  
        border:1px dotted red;/*输入错误的输入框的边框样式*/  
    }
    .ui-progressbar .ui-progressbar-value { background-image: url(images/pbar-ani.gif); }  
  </style> 
	<script type='text/javascript'>	
	 $(function(){  
	 $("#progressbar").progressbar({
       value: 59
    });
	       $("#slider").slider({
			min: 1,
			max: 6,
			range: "min",
			value: 2
		});
		//$("#slider").slider( 'disable' ) ;
		$("#form1").validate({
	       rules: {
	       "ht.hetlrbh": "required"
	       },
		   messages: {
		   "ht.hetlrbh":"请输入合同号"
		   }
		   });   
	    $("#btn").click(function(){
		    if($("#form1").valid()){ 
		        form1.submit();
		        }
		       });
	$.messager.show(0,'送你一个Jquery Messager消息弹出插件！');
    });
    
    function tj(){	 
    
  	 
 	 	form1.action="";
 	 	form1.submit();
 
	  }
	</script>

  </head>
  
  <body>
  <font size="2">待提报&nbsp;&nbsp;|&nbsp;&nbsp;待确认&nbsp;&nbsp;|&nbsp;&nbsp;卖方审批&nbsp;&nbsp;|&nbsp;&nbsp;买方审批&nbsp;&nbsp;|&nbsp;&nbsp;中心审批&nbsp;&nbsp;|&nbsp;&nbsp;已归档</font>
  <div id="slider" style="width:330px;margin:5px;"></div>
  <form id="form1" name="form1" action="">
     ${result}
     ${flag}
    <table>
    <tr>
    <td>合同编号:</td>
    <td><input id="ht.hetlrbh" type="text" name="ht.hetlrbh" class="longtextbox" /></td>
    </tr>
    <tr>
    <td colspan="2" algin="center"><input type="submit" value="提交">
    <input id="btn" type="button" name="" value="确认"  />	
    </td>
    </tr>
    </table>
   
    </form>
    <div id="dialog-confirm" title="是否确认提交？"></div>
    <div id="progressbar" style="float:center;height:22px;width:180px;"></div>
  </body>
</html>
